@charset "utf-8";
/* CSS Document */
*{margin: 0px; padding: 0px;}
img{border: none;}
a{text-decoration: none; font-family: "Alibaba-PuHuiTi-Regular";}
ul,li{list-style:none; font-family: "Alibaba-PuHuiTi-Regular";}
input{outline: none; font-family: "Alibaba-PuHuiTi-Regular"; box-sizing: border-box; border:none;}
i,em{font-style: normal;}
body{font-family: "Alibaba-PuHuiTi-Regular"; background-color: #fff; box-sizing: border-box; overflow-x: hidden;}
.left{ display:inline; float:left;}
.right{ display:inline; float:right;}
.clear:after{ content:''; display:block; clear:both;}
.clear{ zoom:1;}
.box{ width:1200px; margin:0 auto;}
.wap{display: none;}
.xianshi{display: block!important;}
.sanji_nav{display: none;}
@font-face {
    font-family: "Alibaba-PuHuiTi-Regular";
    src: url("fonts/Alibaba-PuHuiTi-Regular.woff2") format("woff2"),
       url("fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"),
       url("fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
       url("fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"),
       url("fonts/Alibaba-PuHuiTi-Regular.svg") format("svg"),
       url("fonts/Alibaba-PuHuiTi-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Alibaba-PuHuiTi-Medium";
    src: url("fonts/Alibaba-PuHuiTi-Medium.woff2") format("woff2"),
       url("fonts/Alibaba-PuHuiTi-Medium.woff") format("woff"),
       url("fonts/Alibaba-PuHuiTi-Medium.ttf") format("truetype"),
       url("fonts/Alibaba-PuHuiTi-Medium.eot") format("embedded-opentype"),
       url("fonts/Alibaba-PuHuiTi-Medium.svg") format("svg"),
       url("fonts/Alibaba-PuHuiTi-Medium.otf") format("opentype");
}
@font-face {
  font-family: "BebasNeue";
  src: url("fonts/BebasNeue.woff2") format("woff2"),
       url("fonts/BebasNeue.woff") format("woff"),
       url("fonts/BebasNeue.ttf") format("truetype"),
       url("fonts/BebasNeue.eot") format("embedded-opentype"),
       url("fonts/BebasNeue.svg") format("svg"),
       url("fonts/BebasNeue.otf") format("opentype");
}
@font-face {
    font-family: "lg";
    src:url("fonts/lg.woff") format("woff"),
        url("fonts/lg.ttf") format("truetype"),
        url("fonts/lg.eot") format("embedded-opentype"),
        url("fonts/lg.svg") format("svg");
}
header .headTop{height: 105px; background-color: #fff;}
header .headTop .logo{margin-top: 24px;}
header .headTop .search{width: 323px; height: 36px; border: 1px solid #aaaaaa; box-sizing: border-box;
    margin-top: 34px;}
header .headTop .search>select{float: left; border: none; height: 100%; font-size: 14px; color: #999;
    border-right: 1px solid #aaaaaa; cursor: pointer; outline: none;}
header .headTop .search>input{width: 195px; height: 100%; font-size: 14px; color: #999; text-indent: 10px;}
header .headTop .search .btn{margin-top: 6px; margin-right: 12px;}
header .headTop .tel{font-size: 44px; color: #c19201; margin-top: 28px; font-family: "BebasNeue";
    margin-right: 10px;}
header .headTop .zixun{font-size: 16px; color: #c19201; margin-top: 33px; line-height: 18px; 
    font-weight: bold; margin-right: 5px;}
header .headBot{background-color: #efefef; width: 100%; z-index: 3; position: relative;
    border-bottom: 8px solid #0348af;}
header .nav{width: 100%; height: 48px;}
header .nav>li{float: left; font-size: 18px; width: 10%; height: 100%; line-height: 48px; text-align: center;
  position: relative;}
header .nav>li>a{color:#666666; display: inline-block; width:100%; height: 56px;
    box-sizing: border-box; transition: .5s;}
header .nav>li>a:hover{color: #c19201;}
.border{background-color: #c19201; color: #fff!important;}
header .nav .ul{width:100%; background-color: rgba(255,255,255,.95); position: absolute; left: 0; top: 56px; z-index: 9999;
    display: none; padding: 10px 0; box-shadow: 0 0 5px #999;}
header .nav .ul>a{display: block; line-height: 35px; color: #666; font-size: 17px; transition: .3s;}
header .nav .ul>a:hover{color: #c19201;}
footer .footTop{background-color: #023869; padding: 23px 0 15px;}
footer .footTop .foot_logo{margin-top: 19px; width: 98px;}
footer .footTop .dizhi{font-size: 14px; color: rgba(255,255,255,.6); line-height: 24px; padding-left: 15px;
  margin-top: 15px;}
footer .footTop .dizhi>p{font-size: 20px; color: rgba(255,255,255,.6); font-family: "Alibaba-PuHuiTi-Medium";
    padding-bottom: 8px;}
footer .footTop .foot_nav{width: 500px; margin-left: 80px; margin-top: 25px;}
footer .footTop .foot_nav>li{float: left; font-size: 14px; width: 20%; text-align: center; line-height: 40px;}
footer .footTop .foot_nav>li>a{color: rgba(255,255,255,.8);}
footer .footTop .foot_nav>li>a:hover{color: #fff;}
footer .footTop .erweima{text-align: center;}
footer .footTop .erweima>p{font-size: 14px; color: rgba(255,255,255,.8); line-height: 20px; padding-top: 5px;}
footer .footBot{background-color: #333333; padding: 8px 0;}
footer .footBot .copyright{font-size: 14px; color: #999; line-height: 24px;}
footer .footBot .copyright>a{color: #999;}
footer .footBot .zhichi{font-size: 14px; color: #999;}

@media screen and (max-width: 1200px){
    .box{width: 900px;}
    .wap{display: block!important;}
    .pc{display: none;}
    .head_wap{width:100%; height: 65px; background-color: #fff; position: fixed; top:0; left: 0; z-index: 11;
      box-shadow: 4px 4px 4px -4px #ccc;}
    .head_wap .logo_wap{height: 40px; margin-top: 12px;}
    /*汉堡菜单*/
    .three{margin-top:20px;}
    /* ALL */
    .hamburger .line{
      width: 25px;
      height: 3px;
      background-color: #c19201;
      display: block;
      margin: 4px auto;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    /* SIX */
    #hamburger-6.is-active{
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
      transition-delay: 0.6s;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    #hamburger-6.is-active .line:nth-child(2){
      width: 0px;
    }
    #hamburger-6.is-active .line:nth-child(1),
    #hamburger-6.is-active .line:nth-child(3){
      -webkit-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      transition-delay: 0.3s;
    }
    #hamburger-6.is-active .line:nth-child(1){
      -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
      -o-transform: translateY(5px);
      transform: translateY(5px);
    }
    #hamburger-6.is-active .line:nth-child(3){
      -webkit-transform: translateY(-9px) rotate(90deg);
      -ms-transform: translateY(-9px) rotate(90deg);
      -o-transform: translateY(-9px) rotate(90deg);
      transform: translateY(-9px) rotate(90deg);
    }
    .head_wap .phone{height: 33px; margin-right: 10px; margin-top: 17px;}
    .head_wap .nav_wap{width: 100%; height: 100%; background-color: rgba(0,0,0,.9); position: fixed; top:65px; 
        left: 0; z-index: 11; display: none;}
    .head_wap .nav_wap .ul_wap{background-color: #c19201;}
    .head_wap .nav_wap .ul_wap>li>p{height: 40px; line-height: 40px; border-bottom: 1px solid rgba(255,255,255,.4);
        padding: 0 20px; font-size: 16px; color: #fff;}
    .head_wap .nav_wap .ul_wap>li>p>a{color: #fff; display: block; width: 100%; height: 100%;}
    .head_wap .nav_wap .ul_wap>li>p>img{float: right; margin-top:15px;}
    .head_wap .nav_wap .ul_wap>li:last-child p{border-bottom: none;}
    .head_wap .nav_wap .ul_wap>li .sNav{background-color: #fff; display: none;}
    .head_wap .nav_wap .ul_wap>li .sNav li{line-height: 40px;}
    .head_wap .nav_wap .ul_wap>li .sNav li a{display: block; padding: 0 20px; color: #666;}
    .head_wap .nav_wap .ul_wap>li .sNav li a img{padding-right: 10px;}
    footer .footTop .foot_nav{display: none;}
}
@media screen and (max-width: 900px){
    .box{padding: 0 15px; width: auto;}
    .head_wap{height: 50px;}
    .head_wap .phone{margin-top: 10px;}
    .head_wap .logo_wap{height: 26px; margin-top: 12px;}
    .three{margin-top: 12px;}
    .head_wap .nav_wap{top: 50px;}
    .sanji_nav{display: block!important;}
    footer .footTop{padding: 10px 0 15px;}
    footer .footTop .foot_logo{display: none;}
    footer .footTop .dizhi{padding-left: 0;}
    footer .footTop .erweima{float: left!important; padding-top: 15px;}
    footer .footTop .erweima>img{float: left; width: 70px;}
    footer .footTop .erweima>p{float: left; margin-left: 15px; line-height: 30px; padding-top: 3px;}
    footer .footBot{text-align: center;}
    footer .footBot .copyright{float: none!important;}
    footer .footBot .zhichi{float: none!important;}
}